<template>
<!-- 查找客户 -->
    <el-dialog
            class="search-customer"
            title="查找客户"
            :visible.sync="dialogshow"
            :before-close="dialogClose"
            top="10vh"
            width="90%"
            :fullscreen="fullscreen"
            style="display:none;">
        <dialog-tools
                v-bind:back="true"
                v-bind:next="true"
                v-bind:goback="true"
                v-bind:prev="true"
                v-bind:screen="true"
                @clickfullscreen="clickfullscreen"
        >
        </dialog-tools>
        <div>
            <el-row>
          <el-input
            placeholder
            v-model="inputSearch1"
            class="input-with-select-1 input-search-1"
            style="width: 450px; top: 9px"
            speech
            x-webkit-speech
            size="large"
          >
            <el-select
              v-model="selectsearch1"
              slot="prepend"
              placeholder="请选择"
              style="width:120px;"
            >
              <el-option label="客户名称" value="1"></el-option>
              <el-option label="客户代码" value="2"></el-option>
              <el-option label="id" value="3"></el-option>
              <el-option label="序号id" value="5"></el-option>
            </el-select>
            <!-- <i slot="prefix" class="iconfont iconpaizhao1"></i> -->
            <el-button slot="append" icon="el-icon-search" style="height: 47px"
              >查询</el-button
            >
          </el-input>
            </el-row>
<el-table
      ref="multipleTable"
      stripe
      :data="tableData"
      :show-summary="false"
      border
      height="500"
      row-class-name="tableRow"
      header-row-class-name="tableHeader"
      :highlight-current-row="true"
      @row-dblclick="dialogClose"
      style="width: 100%; border-top: 1px solid #c5c5c5"
    >
      <el-table-column type="selection" width="55"></el-table-column>
      <!-- <el-table-column
        prop="id"
        label="id"
        sortable
        width="75"
      ></el-table-column> -->
      <el-table-column
        prop="name"
        label="客户名称"

        width="150"
      ></el-table-column>
      <el-table-column
        prop="kfdm"
        label="客户代码"
        sortable
        width="200"
      ></el-table-column>
      <el-table-column
        prop="kfzt"
        label="客户状态"
        sortable
        width="200"
      ></el-table-column>
      <el-table-column
        prop="contacts"
        label="业务联系人"
        sortable
        width="120"
      ></el-table-column>
      <el-table-column
        prop="mobile"
        label="业务电话"
        sortable
        width="150"
      ></el-table-column>
      <el-table-column
        prop="type"
        label="客户类别"
        sortable
        width="200"
      ></el-table-column>
      <el-table-column
        prop="creator"
        label="创建人"
        sortable
        width="100"
      ></el-table-column>
            <el-table-column
        prop="updatetime"
        label="更新时间"
        sortable
      ></el-table-column>
    </el-table>
<div class="block">
  <el-pagination
    layout="prev, pager, next"
    :total="50">
  </el-pagination>
</div>
        </div>
        <div slot="footer" class="dialog-footer">
            <el-button @click="dialogClose">取 消</el-button>
            <el-button type="primary" @click="alertopen">确定</el-button>
        </div>
    </el-dialog>
</template>

<style scoped>
.search-customer .el-dialog__body{
  padding-top:10px;
}

</style>

<script>
  module.exports = {
    methods: {
      dialogAdd () {
        console.log(123)
        console.log(this.dialogCustomerGenji)
      },
      dialogClose () {
        this.$emit('dialog_close', 1)
      },
      clickfullscreen () {
        this.fullscreen = !this.fullscreen
      },
      submitForm () {
        this.$refs['elForm'].validate(valid => {
          if (!valid) return
          // TODO 提交表单
        })
      },
      resetForm () {
        this.$refs['elForm'].resetFields()
      },
      alertopen () {
        this.$confirm('是否继续操作?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$message({
            type: 'success',
            message: '操作成功!'
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          })
        })
      },
    },
    props: ['dialogshow'],
    data () {
      return {
          inputSearch1:"",
          selectsearch1:"",
        formData: {
          field108: '黄先生(业务联系人1)',
          field114: undefined,
          field110: undefined,
          field111: undefined,
          field113: null,
          field115: null,
          field116: null,
        },
        rules: {
          field108: [{
            required: true,
            message: '请选择业务联系人',
            trigger: 'blur'
          }],
          field114: [{
            required: true,
            message: '请选择分类',
            trigger: 'change'
          }],
          field110: [{
            required: true,
            message: '请至少选择一个跟进类型',
            trigger: 'change'
          }],
          field111: [{
            required: true,
            message: '请输入跟进情况',
            trigger: 'blur'
          }],
          // field113: [{
          //   required: true,
          //   message: '请选择下次跟进',
          //   trigger: 'change'
          // }],
        },


        dialogChangeGenji: false,
        fullscreen: false,
        Sendmssages: {
          address: '',
          customercate: '',
          cate: '',
          nickname: '',
          creditrank: '',
          name: '',
        },

       tableData: [
        {
          createtime: "2018-04-02",
          id: "99999",
          name: "某某珠宝公司",
          contacts: "上官金虹",
          tel: "0755-88888888",
          mobile: "13188888888",
          wx_number: "zb6666",
          kfdm: "DFAE3",
          kfzt: "合作中",
          email: "131888@163.com",
          fax: "0755-88888888",
          addr: "广东省深圳市龙岗区布吉街道吉华路123号",
          website: "www.xxxx23422.com",
          resource: "熟人介绍",
          log: "无",
          followuptime: "-",
          creator: "王某某",
          updatetime: "2020-01-01",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "2",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          kfdm: "DFAE3 ",
          kfzt: "未合作",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "3",
          name: "某某珠宝公司",
          contacts: "李先生",
          kfdm: "DFAE34",
          kfzt: "中断合作",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "4",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "20",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "5",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "100",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "6",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "7",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "8",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "9",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "10",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "11",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "12",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "1000",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
      ],
      }
    },
    components: {
      'dialog-tools': 'url:../tools/dialog-tools.vue',
    }
  }
</script>
